.scrollH {
  // border: 1px solid red;
  height: 3.55rem;
  overflow: hidden;
}
.anim {
  transition: all 0.5s;
  margin-top: -30px;
}
.eventItem {
    display: flex;
    background: rgba($color: #1C6679, $alpha: 0.3);
    padding: 0.125rem;
    margin: 0.175rem 0.125rem 0 0.125rem;
    transition: top 0.5s;
    .resolve {
      width: 0.5rem;
      height: 0.225rem;
      line-height: 0.225rem;
      background: #F64646;
      font-size: 0.125rem;
      font-weight: bold;
      color: #fff;
      text-align: center;
      margin-right: 0.175rem;
    }
    .resolve_yellow {
      background: #FFE400!important;
      color: #172140!important;
    }
    .chuli {
      width: 0.675rem;
      height: 0.275rem;
      line-height: 0.275rem;
      border: 1px solid #11FFD7;
      background: #003f3400;
      color: #11FFD7;
      font-size: 0.15rem;
      font-weight: bold;
      text-align: center;
      cursor: pointer;
    }
    .local {
      color: #11FFD7;
      font-size: 0.15rem;
    }
    .time {
      color: #fff;
      font-size: 0.15rem;
    }
    .warn {
      color: #F64646;
      font-size: 0.175rem;
    }
    .nameinfo {
        margin-bottom: 0.075rem;
    }
    .tips {
        color: #F68F46;
        font-size: 0.175rem;
      }
  }